<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div class="nav">导航</div>
    <div id="contain"></div>
    <script>

        var text = document.createElement('p'); //创建一个p元素
        var content = document.createTextNode('Hello World!'); //创建一个文本节点
        text.appendChild(content); //把文本节点添加到p元素中
        var id = document.createAttribute('id'); //创建一个属性节点
        id.value= 'root'
        text.setAttributeNode(id); //把属性节点添加到p元素中
        console.log(text)

        var nav = document.getElementById('contain'); //获取div元素
        nav.appendChild(text) //把p元素添加到div元素中


    </script>

</body>
</html>